<extend name="Base/common"/>
<block name="banner">
    <div class="banner" style="background-image: url('/Public/Home/images/ny-001.jpg') ">

    </div>
</block>
<block name="body">
    <div class="body" id="body">
        <div class="wrap">
            <!--面包屑-->
            <div class="box-crumbs">
                <div class="crumbs">
                    您的位置 :
                    <a href="/">首页</a> &gt;&gt;
                    <a href="{:U('Culture/index')}">企业文化</a> &gt;&gt;
                    <a href="{:U('',array('id'=>$data['id']))}" class="on">{$data.title}</a>
                </div>

                <b>企业文化</b>
                <span class="en">Company culture</span>
            </div>
        </div>
        <div class="wrap">
            <div class="lef_menu">
                <ul>
                    <volist name="list" id="val">
                    <li>
                        <a <if condition="$data['id'] eq $val['id']">class="on"</if> href="{:U('',array('id'=>$val['id']))}#body">{$val.title}</a>
                    </li>
                    </volist>
                </ul>
            </div>
            <div class="page_content">
                {$data.content}
            </div>
        </div>
    </div>
</block>
<block name="footer_js">
    <script>
        $(function(){
            /* 新闻滚动控制 begin */
            var mySwiper = new Swiper('#news-swiper-container', {
                autoplay: 5000,//可选选项，自动滑动
                direction:'vertical',
                slidesPerView:1,
            });
            //方向按钮控制
            $(".control").on('click','.up',function(){
                mySwiper.slidePrev();
            }).on('click','.down',function(){
                mySwiper.slideNext();
            });
            /* 新闻滚动控制 end */

            /*滚动图片*/
            var imgs_swiper = new Swiper('#imgs-swiper-container', {
                autoplay: 5000,//可选选项，自动滑动
                pagination: '.imgs-pagination',
                paginationClickable: true,
                paginationBulletRender: function (swiper,index, className) {
                    return '<span class="' + className + '">' + (index + 1) + '</span>';
                }
            });
    })
    </script>
</block>